<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="author" content="94hi.tw">
    <meta name="copyright" content="Copyright (c) 94hi.tw">
    <meta name="description" content="94hi.tw就是嗨！">
    <meta name="keywords" content="94hi,94hi.tw,94hi.tw就是嗨！">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="MobileOptimized" content="320">
    <meta name="format-detection" content="telephone=no, address=no, email=no">
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-touch-fullscreen" content="yes" />
    <title>會員中心：會員任務（每日簽到）</title>
    <link rel="stylesheet" href="../../assets/css/core.css">
    <link rel="stylesheet" href="../../assets/css/ui-form.css">
    <link rel="stylesheet" href="../../assets/css/ui-dialog.css">
    <link rel="stylesheet" href="../../assets/css/ui-pager.css">
    <link rel="stylesheet" href="../../assets/css/account.css">
    <link rel="stylesheet" href="../../assets/css/member.css">
</head>
<body>
    <header>
        <div class="header">
            <h1 class="logo">
                <a href="../../index.html">94hi.tw就是嗨！</a>
            </h1>

            <ul class="nav">
                <li>
                    <a href="../../index.html">首頁</a>
                </li>
                <li>
                    <a href="../../preorder.html">遊戲預購</a>
                </li>
                <li>
                    <a href="../../games/all.html">遊戲大廳</a>
                </li>
                <li class="current">
                    <a href="../../member.html">會員中心</a>
                </li>
                <li>
                    <a href="../../purchase/platform/step1.html">購點儲值</a>
                </li>
                <li>
                    <a href="../../cs/help.html">客戶服務</a>
                </li>
            </ul>

            <div class="user">
                <!-- 未登入 -->
                <div class="user-unlogin">
                    <a href="../../login/password.html">登入</a>
                    <a href="../../join/phone.html">註冊</a>
                </div>

                <!-- 已登入 -->
                <!-- <div class="user-logined" id="j-user-logined">
                    <a href="javascript:;" class="user-name">漲帳戶姓名</a>

                    <ul class="user-menu">
                        <li>咪曉那</li>
                        <li>
                            <a href="">我的帳號</a>
                        </li>
                        <li>
                            <a href="">會員任務</a>
                        </li>
                        <li>
                            <a href="">會員月卡</a>
                        </li>
                        <li>
                            <a href="">會員季卡</a>
                        </li>
                        <li>
                            <a href="">切換會員帳號</a>
                        </li>
                    </ul>
                </div> -->
            </div>
        </div>

        <div class="page-header">
            <div class="page-header-con con">
                <h2 class="page-title">會員中心</h2>

                <ul class="page-nav">
                    <li>
                        <a href="../member.html">會員資訊</a>
                    </li>
                    <li>
                        <a href="../password.html">修改密碼</a>
                    </li>
                    <li>
                        <a href="../own/infor.html">我的帳號</a>
                    </li>
                    <li>
                        <a href="../googleauth/step1.html">帳戶安全</a>
                    </li>
                    <li class="current">
                        <a href="day.html">會員任務</a>
                    </li>
                    <li>
                        <a href="../investment/month.html">會員投資</a>
                    </li>
                    <li>
                        <a href="../otherbind/step1.html">其他遊戲綁定</a>
                    </li>
                </ul>
            </div>
        </div>
    </header>

    <main>
        <div class="main">
            <div class="member-mission member-con con con-bg">
                <section class="member-mission-hd con-hd">
                    <h3 class="con-title">請選擇任務類型</h3>

                    <ul class="member-mission-tab con-tab">
                        <li><a href="day.html">每日簽到</a></li>
                        <li class="active"><a href="achievement.html">成就獎勵</a></li>
                    </ul>
                </section>

                <section class="member-mission-bd con-bd">
                    <div class="member-achievement">
                        <div class="ui-form-tip warn">
                            注意，同一個成就任務於同一個會員帳戶僅能完成一次<br>
                            任務獎勵將發送至您目前使用的會員帳號！
                        </div>

                        <ul class="member-achievement-list">
                            <!--
                                disabled 無法領取樣式
                                received 已領取樣式
                            -->
                            <li class="member-achievement-item">
                                <div class="item-hd">
                                    <h4 class="item-name">自我介紹</h4>
                                    <p class="item-desc">完整填寫會員資料</p>
                                </div>
                                <div class="item-bd">
                                    <strong class="item-count">100%</strong>
                                    <div class="item-progress">
                                        <i style="width: 100%;"></i>
                                    </div>
                                </div>
                                <div class="item-ft">
                                    <button type="button" class="item-button">領取</button>
                                    <strong class="item-get">5 紅利</strong>
                                </div>
                            </li>

                            <li class="member-achievement-item disabled">
                                <div class="item-hd">
                                    <h4 class="item-name">安全第一</h4>
                                    <p class="item-desc">啟用帳戶安全機制</p>
                                </div>
                                <div class="item-bd">
                                    <strong class="item-count">0%</strong>
                                    <div class="item-progress">
                                        <i style="width: 0;"></i>
                                    </div>
                                </div>
                                <div class="item-ft">
                                    <button type="button" class="item-button" disabled>領取</button>
                                    <strong class="item-get">5 紅利</strong>
                                </div>
                            </li>

                            <li class="member-achievement-item received">
                                <div class="item-hd">
                                    <h4 class="item-name">我是遊戲王-1</h4>
                                    <p class="item-desc">登入 1 款遊戲</p>
                                </div>
                                <div class="item-bd">
                                    <strong class="item-count">100%</strong>
                                    <div class="item-progress">
                                        <i style="width: 100%;"></i>
                                    </div>
                                </div>
                                <div class="item-ft">
                                    <button type="button" class="item-button">已領取</button>
                                    <strong class="item-get">5 紅利</strong>
                                </div>
                            </li>
                            <li class="member-achievement-item received">
                                <div class="item-hd">
                                    <h4 class="item-name">我是遊戲王-2</h4>
                                    <p class="item-desc">登入 1 款遊戲</p>
                                </div>
                                <div class="item-bd">
                                    <strong class="item-count">100%</strong>
                                    <div class="item-progress">
                                        <i style="width: 100%;"></i>
                                    </div>
                                </div>
                                <div class="item-ft">
                                    <button type="button" class="item-button">已領取</button>
                                    <strong class="item-get">5 紅利</strong>
                                </div>
                            </li>
                            <li class="member-achievement-item received">
                                <div class="item-hd">
                                    <h4 class="item-name">我是遊戲王-3</h4>
                                    <p class="item-desc">登入 1 款遊戲</p>
                                </div>
                                <div class="item-bd">
                                    <strong class="item-count">100%</strong>
                                    <div class="item-progress">
                                        <i style="width: 100%;"></i>
                                    </div>
                                </div>
                                <div class="item-ft">
                                    <button type="button" class="item-button">已領取</button>
                                    <strong class="item-get">5 紅利</strong>
                                </div>
                            </li>
                        </ul>
                    </div>
                </section>
            </div>
        </div>
    </main>

    <footer>
        <section class="footer">
            <div class="footer-con">
                <h2 class="footer-logo">94hi.tw就是嗨！</h2>

                <ul class="footer-nav">
                    <li>
                        <a href="../../about.html">關於我們</a>
                    </li>
                    <li>
                        <a href="../../contract.html">會員條款</a>
                    </li>
                    <li>
                        <a href="../../privacy.html">隱私權政策</a>
                    </li>
                    <li>
                        <a href="../../regulation.html">遊戲管理規章</a>
                    </li>
                    <li>
                        <a href="../../contact.html">商務接洽</a>
                    </li>
                </ul>
            </div>
        </section>

        <section class="copyright">
            <div class="copyright-con">
                <p class="copyright-content">紅番茄愛娛樂股份有限公司 ©2020 Happy Tomato All Rights Reserved</p>

                <ul class="contact">
                    <li>
                        <a href="" class="line">line</a>
                    </li>
                    <li>
                        <a href="" class="facebook">facebook</a>
                    </li>
                </ul>
            </div>
        </section>
    </footer>
</body>
</html>
